<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <button id="btn">按钮</button>
    <script>
      // 封装函数:求两数之间的任意随机整数

        // 已知条件：random(),0~1之间的随机数
        function randomNum(n,m){
            // 先对输入的两个数进行比较，小前后大
            var min = n<m ? n : m; 
            var max = n>m ? n : m;

            // 因为random(),0~1之间的随机数
            // （10,30)==>(0*(30-10)+10,1*(30-10)+10)
            // (20,50)==>(0*(50-20)+20,1*(50-20)+20)
            // (min,max)==>(0*(max-min)+min,1*(max-min)+min)==>(min,(max-min)+min)==>(random()*(max-min+1)+min)
            return parseInt(Math.random()*(max-min+1)+min); 
            // console.log(  parseInt(Math.random()*(max-min+1)+min));
                          
        }
        // console.log(randomNum(10,30));
        // randomNum(20,30);
         
// ----------------------------------------------------

        // 封装函数：点击按钮浏览器背景生成不同颜色的函数
        // 改变自身颜色
        // document.body.style.background = 'rgb(214,53,75)';

        //     btn.onclick = function (){
        //     var red = randomNum(0,255);
        //     var green = randomNum(0,255);
        //     var blue = randomNum(0,255);

        //     document.body.style.background = 'rgb(' + red + ',' + green + ',' + blue +')';
        // }
// ----------------------------------------------------
        // 封装函数：随意生成不同颜色的函数
        // 改变自身颜色

        function randomColor(){
            red = randomNum(0,255);
            green = randomNum(0,255);
            blue = randomNum(0,255);

            return 'rgb('+ red +','+ green +','+ blue +')'
        }

        document.body.style.background = randomColor();
        //   document.body.style.background = 'rgb(32,43,64)';

// ---------------------------------------------------------

    //自动改变浏览器背景颜色
    //   使用定时器间隔更改代表颜色的数字
    var timer = setInterval(function(){
        document.body.style.background = randomColor();
    },1000)
    // 点击按钮可以停止循环
    // 给按钮绑定清除定时器
    btn.onclick = function(){
        clearInterval(timer);
    }











    </script>
</body>
</html>